<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>


<style type="text/css">
.ui-accordion .ui-accordion-content{ overflow:visible !important; }
.jquery-dialog{
  overflow-y: auto;
  height: 300px;
} 
</style>

<c:url value="mostrarHWF4019.html" var="tarjetasRetenidas"/>

<script language="JavaScript" type="text/javascript" src="javascript/HMF2003.js"></script>

 <script type="text/javascript">
    var jsonrpc = new JSONRpcClient("getJSON.html");
   $(document).ready(function(){ 
        $("#fechaDesde").datepicker();
        $("#fechaHasta").datepicker();
        
        //habilitar y deshabilitar el boton Mostrar de Sucursal
        $("#sucursal").change( function(){ if(  $("#sucursal").val()==1 ) $("#opener_sucursal").show(); else $("#opener_sucursal").hide(); } );                        
        if($("#sucursal").val()==1)$("#opener_sucursal").show();else  $("#opener_sucursal").hide();
            
        //OPENERS**********************************
        $("#opener_sucursal").click(openWinSucursal);
        
        //Generar PDF***************************
        $("#verPdf").click(function(){
            var desSucuSesion = '<c:out value="${sessionScope.desSucursal}"/>';
            $("#message_valFecPubl").html("");
            var frm = document.forms[0];
             if( frm.fechaDesde.value == "" ) {    
              alert("Ingrese la fecha");
              frm.fechaDesde.focus();
              return false;
             }  
              if( frm.fechaHasta.value == "" ) {    
              alert("Ingrese la fecha");
              frm.fechaHasta.focus();
              return false;
             }  
            if(validaRangoFechas(frm.fechaDesde.value, frm.fechaHasta.value)==false){
                $("#fechaDesde").focus();
                return false;
            }
            
            var valida = validaFechaPublica(7);
            if (valida == 0){
                  openWindow("verPdf");
            }else{
                     if(valida == 1){ alert("El Reporte no se encuentra publicado para la sucursal "+desSucuSesion);}
                     if(valida == 2){ alert("El reporte no se encuentra disponible para la fecha solicitada para la sucursal "+ desSucuSesion);}
                     if(valida == 3){ alert("El reporte se debe generar hasta la fecha de publicacion para la sucursal "+desSucuSesion);}
            };
            
        });
        
        //Generar Excel*************************
        $("#verExcel").click(function(){
            
            var desSucuSesion = '<c:out value="${sessionScope.desSucursal}"/>';
            $("#message_valFecPubl").html("");
            var frm = document.forms[0];
             if( frm.fechaDesde.value == "" ) {    
              alert("Ingrese la fecha");
              frm.fechaDesde.focus();
              return false;
             }  
              if( frm.fechaHasta.value == "" ) {    
              alert("Ingrese la fecha");
              frm.fechaHasta.focus();
              return false;
             }  
            if(validaRangoFechas(frm.fechaDesde.value, frm.fechaHasta.value)==false){
                $("#fechaDesde").focus();
                return false;
            }
            
            var valida = validaFechaPublica(7);
            if (valida == 0){
                  $("#accion").attr("value","verExcel");
                  $("form").submit();
            }else{
                     if(valida == 1){ alert("El Reporte no se encuentra publicado para la sucursal "+desSucuSesion);}
                     if(valida == 2){ alert("El reporte no se encuentra disponible para la fecha solicitada para la sucursal "+ desSucuSesion);}
                     if(valida == 3){ alert("El reporte se debe generar hasta la fecha de publicacion para la sucursal "+desSucuSesion);}
            };
        
            
        });
    }); //Fin de document.ready


    function openWinSucursal(){  
    childWindowSucursal=window.showModalDialog('<c:url value="selecSucursal.html" />','selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no");
   } 
   
    function show_loading(){  
    var loadingAnim = document.getElementById('loading_mostrar');  
    loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
    loadingAnim.style.display = 'block';      
    }   
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
 
   function openWindow(accion){
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);    
        var target = 'window1';
        document.forms[0].accion.value = accion;
        document.forms[0].target = target;
        document.forms[0].submit();
    } 
    
    function openActa(idCmpb, winheight,winwidth)
    {
        winwidth='650';
        winheight='700';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        window.open('seguridad/procesando.html', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarActa';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR3003a';        
        document.forms[0].idCmpb.value = idCmpb;
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }    
    
    function validaFechaPublica(opcion){
      
       var frm = document.forms[0];  
       var genera =0;
       var sucuSesion = '<c:out value="${sessionScope.sucursal}"/>';
       var listFechaPublicacion = jsonrpc.jsonService.getListFechaPublica(opcion,$("#sucursal").val());
       var huboError=false;
       var incluyeSucuPrincipal=false;
          for (var i = 0; i < listFechaPublicacion.length; i++) {
          //******************
               if (listFechaPublicacion[i].codSucu=="1") incluyeSucuPrincipal=true;
                
                 if(listFechaPublicacion[i].fecPubl == null){
                    $("#message_valFecPubl").css("color","red").append("<ul style='color:red;height:7px'> <li> <b>Sucursal "+listFechaPublicacion[i].desSucu+" - Reporte "+listFechaPublicacion[i].desRepo+":</"+"b> El Reporte no se encuentra publicado."+"</"+"li>"+"</"+"br>");
                    huboError=true;
                    if (sucuSesion == listFechaPublicacion[i].codSucu){
                        genera = 1;
                    }
                }else{
                   if (validaFechas(frm.fechaDesde.value,listFechaPublicacion[i].fecPubl ) == false){
                      $("#message_valFecPubl").css("color","red").append("<ul style='color:red;height:7px'> <li> <b> Sucursal "+listFechaPublicacion[i].desSucu+" - Reporte "+listFechaPublicacion[i].desRepo+ ":</"+"b> El reporte no se encuentra disponible para la fecha solicitada." +"</"+"li>");
                      $("#message_valFecPubl").css("color","red").append("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fecha Inicial debe ser menor a la fecha de publicaci&oacute;n: " + listFechaPublicacion[i].fecPubl + ".</"+"br>");
                      huboError=true;
                                              
                      if (sucuSesion == listFechaPublicacion[i].codSucu){
                          genera = 2;
                      }
                   }else{
                       if (validaFechas(frm.fechaHasta.value,listFechaPublicacion[i].fecPubl) == false){
                           $("#message_valFecPubl").css("color","red").append("<ul style='color:red;height:7px'> <li> <b> Sucursal "+listFechaPublicacion[i].desSucu+" - Reporte "+listFechaPublicacion[i].desRepo+":</"+"b> El reporte se debe generar para la Fecha Desde: "+ frm.fechaDesde.value + " y Fecha de Publicacion: "+ listFechaPublicacion[i].fecPubl +".</"+"li>"+" </"+"br>");
                           huboError=true;
                           if (sucuSesion == listFechaPublicacion[i].codSucu){
                                genera = 3;
                       }
                   }
                }
               }
           //**********************    
        }
        
        if (huboError && !incluyeSucuPrincipal) genera=4;
      
      return genera;
    }
    
 </script>
    

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->
.ui-icon
{
display: inline-block !important;
}
.ui-corner-all {
    border-radius: 4px 4px 4px 4px;
}
span.ui-icon {float: left; margin: 0 4px;}
span.text {float: left; width: 60px;}


.ui-pointer{
    cursor: pointer;
    float: left;
    list-style: none outside none;
    margin: 2px;
    padding: 4px 0;
    position: relative;
}
</style> 


<form:form modelAttribute="form" action="${tarjetasRetenidas}">
<form:hidden path="accion"/>
<form:hidden path ="control"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
	     	   <li>
         REPORTE DE TARJETAS RETENIDAS
        </li>
		</ul>
        </td>
         <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="60" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="top" class="verdana10negro"
                width="670">
                <c:out value="${sessionScope.nombreCliente}"/>
               </td>
          </tr>
          <tr>
            <td width="60" height="18" align="left" valign="middle" class="verdana10bazul">Sucursal</td>
            <td height="18" align="left" valign="bottom" class="verdana10negro" width="670">
             <table border="0">
              <tr>
               <c:choose>
               <c:when test="${esSucuPrincipal}">
                  <td>
                     <div class="fondo_txtbox90">
                          <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 130px; font-family: Arial; font-size: 8pt"
                                       path="sucursal">
                                    <form:option value="0">TODOS</form:option>
                                    <form:option value="1">ALGUNOS</form:option>
                          </form:select>
                          <form:hidden path="desSucursal"/>
                      </div>
                  </td>
              
                  <td width="40"></td>
                  <td style="color:red;"> 
                    <a href="#" id="opener_sucursal"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                    <span id="message_punto" style="color:red;"><c:out value="${message_sucursal}"/></span>
                  </td>
                </c:when>
                <c:otherwise>
                  <td>
                        <c:out value="${sessionScope.desSucursal}"/>
                  </td>
                </c:otherwise>
                </c:choose> 
             </tr>    
            </table>      
            </td>           
          </tr>          
         
          <tr>
            <td height="34" align="left" valign="bottom" class="verdana10bazul"
                width="60">Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                width="670" colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechaDesde" maxlength="10" size="12" readonly="false"/>
                   </div></td>
                   
                  <td class="padright10" width="64">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;al&nbsp;&nbsp; </td>
                  <td align="center" valign="bottom" class="padright10">
                      <div class="fondo_txtbox90">
                        <form:input path="fechaHasta" maxlength="10" size="12" readonly="false"/>
                      </div>
                   </td>                                                    
                </tr>
            </table>
            </td>
          </tr>
        </table>
        </td>
      </tr>
           <tr>
                <td colspan="4" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>
                </td>
          </tr>    
      </table>
          
	  <div class="margintop31">
             <input type="button" class="boton" value="Generar PDF" id="verPdf"/>
             <input type="button" class="boton" value="Generar Excel" id="verExcel"/>
	  </div>
	  </td>
  </tr>
  <tr>
                    <td colspan="2"><div style="width:700px" id="message_valFecPubl"/></td>
  </tr>
  
</table>
</form:form> 

 
